<script setup lang="ts">
import BaseSetting from './components/BaseSetting.vue';
import HomeSetting from './components/HomeSetting.vue';
</script>

<template>
  <div
    class="absolute bottom-0 right-0 flex h-[100%] w-[100%] flex-col overflow-hidden"
  >
    <div id="main" class="main overflow-auto p-4">
      <div class="mb-4 text-2xl font-bold">小程序配置</div>
      <!-- 首页通知 -->
      <HomeSetting />
      <!-- 日历配置 -->
      <BaseSetting />
    </div>
  </div>
</template>

<style scoped lang="scss">
.main {
  flex: 1;
}
</style>
